/* Global properties
---------------------------------------- */

body { 
	background:url(../images/body-bg.gif) top center repeat; 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.75em; 
	line-height:1.416em;
	color:#83796b;
}
html { min-width:1000px;}
html, body { height:100%;}

/* HEADER DE LA PAGINA
---------------------------------------- */
.header{
	height:150px;
	background:url(../images/header-bg.gif) top left repeat-x;
	position:relative;
}		

.logo {
	padding:25px 0 0 0;
	float:left;
}
.logo a {
	display:block;
	text-indent:-5000px;
	width:296px;
	height:99px;
	background:url(../images/logoNuevo.png) left top no-repeat;
}

.header-col {
	float:right;
	width:650px;
}
.socials {
	width:123px;
	height:36px;
	float:right;
	margin:2px 45px 0 0;
	background:url(../images/socials-bg.png) left top no-repeat;
	padding:13px 0 0 30px;
}
.socials a {
	display:inline-block;
	margin-right:7px;
}

/* SLIDER Y MENU DE LA PAGINA
---------------------------------------- */
.slogan{
	height:270px;
	position:relative;
	background:url(../images/fade.png) no-repeat bottom;
}

/* CONTENIDO DE LA PAGINA
---------------------------------------- */
.content{
	margin-left: auto;
	margin-right: auto;
	height:250px;
	position:relative;
}

.contentSuites{
	margin-left: auto;
	margin-right: auto;
	height:750px;
	position:relative;
}

.contentServicios{
	margin-left: auto;
	margin-right: auto;
	height:500px;
	position:relative;
}

.contentContacto{
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.footer1 {
	width:950px;
	height:70px;
	border-top:1px solid #a6c631;
	background:url(../images/footer-bg.png) left 0px no-repeat;
	color:#6c6358;
	font-size:1.0833em;
	margin-left: auto;
	margin-right: auto;
	margin-top:90px;
    position:relative;
}
.footer {
	width:950px;
	height:70px;
	border-top:1px solid #a6c631;
	background:url(../images/footer-bg.png) left 0px no-repeat;
	color:#6c6358;
	font-size:1.0833em;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
    position:relative;
}
.footer table tr td {
	font-size: 12px;
	color: #FFF;
	padding-top:19px;
}
.footer1 table tr td {
	font-size: 12px;
	color: #FFF;
	padding-top:20px;
}
.wrapper { 
	width:100%;
	overflow:hidden;
}
/* Estilo de etiquetas
---------------------------------------- */
h4 { color:#fff; line-height:1.2307em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h4 strong{ font-family:"Arial Black", Gadget, sans-serif; color:#fff; vertical-align:baseline;}
h4 {	font-size:1.8333em; padding:1px 0 0px 0px; }
h4 span {
		background:url(../images/h4-bg.png) left 6px no-repeat;
		padding-left:28px;
		display:block;
	}
	
.pad-lef-1{
	padding-left:25px;
}

.pad-top-left{
	padding-left:260px;
}

.pad-centrado{
	padding-left:20px;
}

.grid_3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#CCC;
	padding-left:10px;
	padding-right:10px;
	display:block;
	text-align:justify;
}

.fix1 a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
	color:#CCC;	
}
.box4 a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#CCC;
	padding-left:20px;
	padding-right:40px;
	text-align:justify;
}
.box7 a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#CCC;
	padding-left:20px;
	padding-right:40px;
	text-align:justify;
}

.box5 img{
	margin-bottom:20px;
}

.bordesito{
	border:1px solid #FFF;
}
.aProp {
	font-size: 13px;
	color: #FFF;
	display:block;
	text-align:justify;
	text-decoration:none;
}

.aProp2 {
	color: #F00;
	display:block;
	text-decoration:none;
}

.aProp3 {
	color: #FFF;
	display:block;	
	padding-left:60px;
	text-decoration:none;
}
.aProp4 {
	font-size: 13px;
	color: #FFF;
	display:block;
	text-align:center;
	text-decoration:none;
	padding-right:12px;
}
.aProp5 {
	font-size: 13px;
	color: #FFF;
	display:block;
	text-align:center;
	text-decoration:none;
}
.aProp6 {
	font-size: 16px;
	color: #FFF;
	display:block;
	text-align:center;
	text-decoration:none;
}
.stripe3{
	height:1px;
	background:#FFF;
	position:relative;
	margin-bottom: 5px;
	margin-top:10px;
}

/* Config etiquetas links (txt, links, lines, titles)
---------------------------------------- */
a {color:#83796b; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin-top:0px; margin-left:30px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
